Name
Description
Problem
Solution
Impact
  1. Form Completion Rate: 30% increase in form submission completion
  2. User Experience: 25% improvement in feedback scores related to form filling
  3. Lead Conversion: 15% increase in converted leads from saved drafts
Discovery And Research
  1. User Interviews:
    • Recognized key causes of form abandonment and Discovered user preferences for saving and resuming forms
  2. Surveys:
    • Online surveys to collect feedback on draft-saving needs
    • Validated the necessity of a draft-saving feature and Collected insights on preferred methods for saving drafts
  3. Competitive Analysis:
    • Identified best practices for draft-saving implementations and Determined opportunities for differentiating our solution
Definition And Planning
  1. Information Architecture:
    • Structured the draft-saving feature's workflow
    • Defined the logic for saving, retrieving, and editing drafts
  2. User FlowMapping:
    • Charted the draft-saving journey for users
    • Outlined interactions for saving and resuming drafts and Optimized flow to minimize interruptions in form filling
Design And Prototyping
  1. Wireframing:
    • Sketched interfaces for 'Save as Draft' buttons and notifications and Outlined draft management options in the dashboard
  2. Interactive Prototyping:
    • Developed prototypes for saving progress, resuming, and editing and Simulated user interactions with draft-saving scenarios
Testing
  1. Usability Testing:
    • Assessed ease of use of the draft-saving feature
    • Gathered feedback on draft accessibility and retrieval and Refined UI elements for better visibility of saved drafts
Save Progress Button
Resume Forms
Automatic Save
Draft Management Dashboard
Notification and Alerts
1. Overview
Name
Save as Draft for Forms
Description
An enhancement in form filling experience by enabling users to save their progress as a draft, ensuring convenience and better lead engagement.
Duration
2 months
Problem
Users often abandon form submissions due to interruptions or incomplete information, leading to missed leads and lower conversion rates.
Solution
A feature that allows users to save their progress at any stage and return later to complete the form without losing any data.
Impact
  • Form Completion Rate
  • User Experience
  • Lead Conversion
2. Design Process
Discovery And Research
  • User Interviews
  • Surveys
  • Competitive Analysis
Definition And Planning
  • Information Architecture
  • User FlowMapping
Design And Prototyping
  • Wireframing
  • Interactive Prototyping
Testing
  • Usability Testing
  • ABTesting
3. Key Features
Save Progress Button
Allows users to save their progress at any stage of form filling with a single click.
Resume Forms
Provides users with an option to resume incomplete forms from where they left off.
Draft Management Dashboard
A centralized section where users can view, edit, or delete saved drafts.
Notification and Alerts
Informs users when progress is saved and provides reminders for incomplete forms.
Mobile and Desktop Sync
Seamless synchronization of saved drafts across devices for convenience.
Zero To Hero
Landing Pages Pro
In developing the 'Landing Page Pro Product,' I managed end-to-end design and user research, aligning the product with user needs and stakeholder expectations.
Zero To Hero
Pop-Up Product
At LeadSquared, I designed and developed the 'Pop-Up' feature, turning a concept into a live product. This involved in-depth user research and SASS integration to meet our design goals.
User Research
User Shadowing
Conducting 'User Shadowing' provided deep insights into user behavior, which were crucial for persona building and empathy mapping in my design projects.
Product Feature
Mobile Editor
I led the design of the 'Mobile Editor' feature for our no-code website builder, focusing on mobile usability and intuitive design to enhance user interactions.
Product Feature
Hide on Device
The 'Hide on Device' feature was designed to give users control over content visibility on various devices, improving flexibility and responsiveness in our no-code website builder.
Product Feature
Scroll To
I developed the 'Scroll To' feature, enhancing user navigation within our no-code website builder to ensure a seamless and engaging experience.
Product Feature
Save As Draft
For the 'Save As Draft' feature, I focused on creating a smooth process for users to save their form progress, adding a layer of convenience and flexibility.
Figma Implementation
Design System
I implemented a comprehensive 'Design System' using Figma and Atomic Design principles, streamlining our design process and improving team collaboration.
Landing Page Templates
Design Templates
I created tailored 'BFSI & Healthcare Design Templates,' focusing on industry-specific needs to deliver effective solutions for these sectors.